<!-- quant-header -->
<template>
    <div class="quant-header">
        <!-- 边缘光 -->
        <div class="light"></div>
        <h2
        @click="gobackToHome"
        class="title">
            <!-- IDS动车组电务车载设备智能检测站 -->
        </h2>
        <!-- 新增返回首页的按钮 el-icon-s-home -->

    </div>
</template>

<script>

export default {
    name: 'quant-header',
    methods: {
        // 点击返回首页
        gobackToHome() {

        },
    },
};
</script>
<style lang='scss' scoped>
.quant-header {
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    border-bottom: 1px solid #0175D6;
    position: relative;
    background: linear-gradient(to right,
    #133c8a,
    #060f2f 18%,
    #08123b 40%,
    #071949 52%,
    #030b25 100%);
    box-shadow: inset
    0px -1px 0px 0px rgba(40,144,248,0.22);
    box-shadow: 0px 2px 4px 0px rgba(5,44,94,0.44);

    .light {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 417px;
        height: 4px;
        background-image: linear-gradient(116deg, #2D88E4 5%, rgba(20,80,197,0.00) 100%);
    }

    .title {
        position: absolute;
        width: 555px;
        height: 25px;
        top: 30px;
        left: 25px;
        background: url('../../assets/logo_bg_left.png') no-repeat center center;
        background-size: 100% 100%;
    }
}
</style>
